*{
    padding: 0;
    margin: 0;
}
@font-face{
    font-family: led;
    // src: url(../font/ledfont.ttf);
    // src: url(../font/ledfonth.ttf);
    // src: url(../font/led_8x6.ttf);
    src: url(../font/YournameD7HomeHalf.ttf);
}
html,body{
    width: 100%;
    height: 100%;
}
.swiper {
    width: 100%;
    height: 100%;
}  
#index{
    display: flex;
    justify-content: center;
    align-items: center;
    #yearNumer{
        opacity: 0;
    }
    .year{
        font-family: led;
        font-size: 270px;
        // color: aliceblue;
        color: #5F6B87;
        display: block;
        text-align: center;

    }
    .tit{
        margin-top: 20px;
        font-size: 60px;
        display: block;
        text-align: center;
        color: #5F6B87;
        opacity: 0;
    }
}
.page{
    width: 100%;
    height: 100%;
    background-size: 100%; 
}
#index{
    background-image: url(../img/Friday.jpg);
}
#summary,#expect,#thanks,#thankss{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/Ash.jpg);
    .sumPage{
        p{
            opacity: 0;
            font-size: 40px;
            color: rgb(67, 144, 238);
            margin-bottom: 10px;
        }
        .tit{
            font-size: 60px;
            margin-bottom: 15px;
        }
    }
}
#expect{
    background-image: url(../img/MetallicToad.jpg);
}
#thanks{
    background-image: url(../img/bg-masthead.jpg);
    background-size: cover;
}
#thankss{
    background-image: url(../img/bg-masthead.jpg);
    background-size: cover;
}